<template>
	<view style="height:90%">
		<ul>
			<li @click="goPolice"><div class='img'></div><div class='title'>警情会商</div></li>
			<li @click="goDanger"><div class='img'></div><div class='title'>险情上报</div></li>
			<li @click="goDisaster"><div class='img'></div><div class='title'>灾情上报</div></li>
			<li @click="goResource"><div class='img'></div><div class='title'>资源调度上报</div></li>
			<!-- <li @click="goTask">任务列表</li> -->
		</ul>
		<!-- 底部导航 -->
		<u-tabbar :list="tabbarList" height="40px"></u-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		computed: {
			tabbarList (){
				return this.$store.state.common.tabbarList
			}
		},
		methods: {
			goPolice(){
				uni.navigateTo({url: '/pages/scheduling/policeConsultation/policeConsultation'});
			},
			// goTask(){
			// 	uni.navigateTo({url: '/pages/scheduling/taskManage/index'});
			// },
			goDanger(){
				uni.navigateTo({url: '/pages/scheduling/dangerReport/index'});
			},
			goResource(){
				uni.navigateTo({url: '/pages/scheduling/resourceReport/index'});
			},
			goDisaster() {
				uni.navigateTo({url: '/pages/scheduling/disasterReport/index'})
			}
		}
	}
</script>

<style lang="scss" scoped>

 ul{
	 margin-top: 40rpx;
	 li{
		 background-color: #fff;
		 width: 702rpx;
		 height: 165rpx;
		 margin: 20rpx auto 0;
		 border-radius: 16px;
		 .img {
			 width: 69rpx;
			 height: 57rpx;
			     float: left;
			     margin-top: 60rpx;
			     margin-left: 50rpx;
			     margin-right: 40rpx;
		 }
		 .title {
			 line-height: 165rpx;
			 font-size: 32rpx;
			 color: #333;
			 font-weight: bold;
		 }
	 }
	 li:nth-child(1){
	 		 .img {
	 			 background: url(../monitor/image/icon_huishang.png);
				 background-size: 100% 100%;
	 		 }
	 }
	 li:nth-child(2){
	 		 .img {
	 			 background: url(../monitor/image/icon_xianqing.png);
	 				 background-size: 100% 100%;
	 		 }
	 }
	 li:nth-child(3){
	 		 .img {
	 			 background: url(../monitor/image/icon_zaiqing.png);
	 				 background-size: 100% 100%;
	 		 }
	 }
	 li:nth-child(4){
	 		 .img {
	 			 background: url(../monitor/image/icon_ziyuan.png);
	 				 background-size: 100% 100%;
	 		 }
	 }
 }


</style>
